<template>
    <div class="nav">
        <div class="nav-job">
            <RouterLink to="/tuiguangView"><div><</div></RouterLink>
            <div class="a">我的朋友的朋友</div>
            <div class="a"></div>
        </div>
        <div class="riqi">
            <div>2018-06-11</div>
            <div class="a"></div>
            <div class="b"><van-icon name="calendar-o" /></div>
        </div>
        <div class="zhangsan">
            <div class="zhang">
                <div>张三成功推荐了李四</div>
            </div>
            <div class="hui">2018-06-10</div>
        </div>
        <div class="zhangsan">
            <div class="zhang">
                <div>张三成功推荐了王五</div>
            </div>
            <div class="hui">2018-06-10</div>
        </div>
        <div class="zhangsan">
            <div class="zhang">
                <div>张三成功推荐了王二</div>
            </div>
            <div class="hui">2018-06-10</div>
        </div>
        <div class="zhangsan">
            <div class="zhang">
                <div>张三成功推荐了麻子</div>
            </div>
            <div class="hui">2018-06-10</div>
        </div>
    </div>
</template>
<style scoped>
.zhangsan {
    padding: 15px;
    border-bottom: 1px solid #f3f3f3;
}
.a {
    background-color: #fff;
    color: #09b674;
}
.nav-job {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}
.riqi {
    display: flex;
    justify-content: space-between;
    padding: 5px;
    line-height: 35px;
    /* margin-top: 3px; */
    background-color: #fff0f0;
    border-bottom: 1px solid #ccc;
}
.b {
    font-size: 20px;
}
.hui {
    margin-top: 5px;
    color: #ccc;
}
</style>